// base color

$menuBg: #304156;
$menuHover: #263445;

$subMenuBg: #1f2d3d;
$subMenuHover: #001528;

$sideBarWidth: 210px;

$nodeBk: #4b6969;
$nodeLightBk: rgba(52, 68, 68, 0.7);
$nodeBorder: #3391bf;
$backModel: rgba(0, 0, 0, 0.6);
$daihoverColor:#74f4ff;
$boxShadow:rgba(0,188,212,0.5);
$drawBk:rgba(50, 191, 191, 0.22);

$nodeBorderColor: #6398a1;
$windowBackgroundColor: rgba(15, 47, 48, 0.8);
$fontWhiteColor: #fff;
$windowHoverColor: #5c99a0;
$tabActiveColor: rgba(51, 65, 78, 0.8);
$hoverColor: rgba(51, 65, 78, 0.8);
$inputDisabledBackgroundColor: #fff;
$oilStatisticsBorder: rgba(242,256,252,.5);

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
/*:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  nodeBk: $nodeBk;
  nodeBorder: $nodeBorder;
  nodeLightBk: $nodeLightBk;
  backModel: $backModel;
  daihoverColor:$daihoverColor;
  boxShadow:$boxShadow;
  nodeBorderColor:$nodeBorderColor;
  windowBackgroundColor: $windowBackgroundColor;
  fontWhiteColor:$fontWhiteColor;
  windowHoverColor:$windowHoverColor;
  tabActiveColor:$tabActiveColor;
  hoverColor:$hoverColor;
  inputDisabledBackgroundColor:$inputDisabledBackgroundColor;
  drawBk:$drawBk;
}*/
